import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';
//导入nprogress模块
import NProgress from 'nprogress';
//路由中间键
import { dynamicDashboard } from './utils/utils.js';
import configRoutes from './utils/configRoutes.js';

const routes = [
  ...configRoutes,
  {
    /*默认路由*/
    path: '/',
    redirect: dynamicDashboard
  }
  // {
  //   /*错误路由提示界面*/
  //   path: '/:catchAll(.*)*',
  //   name: '404',
  //   component: () => import('@/components/RouterError.vue')
  // }
];
// console.log(routes)
const router = createRouter({
  history: createWebHashHistory(),
  routes // (缩写) 相当于 routes: routes
});

//全局守卫
router.beforeEach((to, from, next) => {
  //开启进度条
  NProgress.start();
  next();
  //用户访问的是'/notes'
  // if (to.path !== '/login') {
  //     //查看一下用户是否保存了登录状态信息
  //     let user =JSON.parse(localStorage.getItem('user'))
  //     if (user) {
  //         //如果有，直接放行
  //         next();
  //     } else {
  //         //如果没有，用户跳转登录页面登录
  //         next('/login')
  //     }
  // } else {
  //     next();
  // }
});
//当路由进入后：关闭进度条
router.afterEach(() => {
  // 在即将进入新的页面组件前，关闭掉进度条
  NProgress.done(); //完成进度条
});
// 导出路由
export default router;
